<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <head> <style type="text/css">
            html, 
body
{
    height: 100%;
    background:#fff url(solenuvola.jpg) no-repeat center center;
    background-size:cover;
    box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
}
        </style>
        <title>MeteoCal Settings
        </title>
    </head>
    <body>
         <div id='changeprofiledate'> Fill the following form only with data you want to modify! </div>
      <h:form>
           <panel header="Login Form">
                <h:panelGrid columns="1">
        <div >
            <h:outputLabel id='modifyusername' for="modusername">Username:</h:outputLabel>
            <h:inputText id='username' value="#{UserBean.currentuser.username}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='modifyfirstname' for="modfirstname">First Name:</h:outputLabel>
            <h:inputText id='firstname' value="#{UserBean.currentuser.firstName}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='modifylastname' for="lastname">Last Name:</h:outputLabel>
            <h:inputText id='lastname' value="#{UserBean.currentuser.lastName}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='modifyemail' for="email">Email:</h:outputLabel>
            <h:inputText id='email' value="#{UserBean.currentuser.email}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='modifypassword' for="password">Password:</h:outputLabel>
            <h:inputSecret id='password' value="#{UserBean.currentuser.password}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='confirmmodifypassword' for="confirmpassword">Confirm New Password:</h:outputLabel>
            <h:inputSecret id='confirmpassword' value="#{UserBean.pwdconfirmed}" class='feedback-input' />
        </div>
        <div >
            <h:outputLabel id='modifycity' for="city">Password:</h:outputLabel>
            <h:inputSecret id='city' value="#{UserBean.currentuser.city}" class='feedback-input' />
        </div>     
                    
    <!--    < >
           <h:outputText value="#{UserBean.message}"></h:outputText>
        </div> -->
    
        <div id='submitmodification'>
          <h:commandButton type='submit' value='MODIFY DATA' id='buttonchange' action="#{UserBean.submitChangeData()}"/>
        </div>
                    </h:panelGrid>
                </panel>
      </h:form>
         <h:link outcome="home" value="Go back to home without modifying anything" />
    </body>
</html>
